<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1-对象展开</title>
</head>
<body>
    <!--
        Rest 参数与 spread 扩展运算符在 ES6 中已经引入，不过 ES6 中只针对于数组，
        在 ES9 中为对象提供了像数组一样的 rest 参数和扩展运算符
     -->

    <script>
        // rest 参数
        // function connect ({host, port, ...user}) {
        //     console.log(host);
        //     console.log(port);
        //     console.log(user);
        // }

        // connect({
        //     host: `127.0.0.1`,
        //     port: 3306,
        //     username: `root`,
        //     password: `root`,
        //     type: `master`
        // })

        // 扩展运算符
        const skillOne = {
            q: `天音波`
        }

        const skillTwo = {
            w: `金钟罩`
        }

        const skillThree = {
            e: `天雷破`
        }
        const skillFour = {
            r: `猛龙摆尾`
        }

        const mangseng = {...skillOne, ...skillTwo, ...skillThree, ...skillFour}
        console.log(mangseng);
    </script>
</body>
</html>